<template>
  <div class="magic-container">
    <iframe
      :src="iframeUrl"
      frameborder="0"
      style="width: 100%; height: calc(100vh - 95px);"
    ></iframe>
  </div>
</template>

<script>
export default {
  name: 'MagicApi',
  data() {
    return {
      iframeUrl: '/magic/web/index.html'
    }
  }
}
</script>

<style scoped>
.magic-container {
  background-color: #fff;
  padding: 10px;
}
</style>